import React from 'react';
import BookItem from '../../BookItem/BookItem';
import BookCard from '../../BookCard/BookCard';
import './ModuleMainList.scss'
function ModuleMainList({data}) {
   return (
      <div className="module_mainList">
      <h1>{data.name}</h1>
      <BookItem book={data.list[0]} width={26}></BookItem>
      <ul>
        {data.list.slice(1).map((item) => (
          <BookCard key={item.id} book={item} width={18}></BookCard>
        ))}
      </ul>
    </div>
   );
}

export default ModuleMainList;